<div id="logoArea" class="navbar">
<a id="smallScreen" data-target="#topMenu" data-toggle="collapse" class="btn btn-navbar">
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
</a>
  <div class="navbar-inner">
    <a class="brand" href={{ path('sil29_vitrine_homepage') }}><img src="{{asset('bundles/sil29vitrine/themes/images/logo.png')}}" alt="Bootsshop"></a>
	<ul class="nav">    
    </ul>
	<form class="form-inline navbar-search" method="post" action="products.html" >
		<input id="srchFld" class="srchTxt" type="text" />
		  <select class="srchTxt">
			<option>Tous</option>
			<option>CLOTHES </option>
			<option>FOOD AND BEVERAGES </option>
			<option>HEALTH & BEAUTY </option>
			<option>SPORTS & LEISURE </option>
			<option>BOOKS & ENTERTAINMENTS </option>
		</select> 
		  <button type="submit" id="submitButton" class="btn btn-primary">Go</button>
    </form>
    <ul id="topMenu" class="nav pull-right">
	 <li class="">
	 <a href="#login" role="button" data-toggle="modal" style="padding-right:0"><span class="btn btn-large btn-success">Connexion</span></a>
	<div id="login" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="login" aria-hidden="false" >
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">�</button>
			<h3>Connexion</h3>
		  </div>
		  <div class="modal-body">
			{% if error is defined and error %}
			<div>{{ error.message }}</div>
			{% endif %}
			<form class="form-horizontal loginFrm" action="{{ path('login_check') }}" method="post">
			  <div class="control-group">								
				<input type="text" id="inputEmail" placeholder="Login" name="_username">
			  </div>
			  <div class="control-group">
				<input type="password" id="inputPassword" placeholder="Password" name="_password">
			  </div>
			  <div class="control-group">
				<label class="checkbox">
				<input type="checkbox"> Se souvenir de moi - <a href="{{ path('user_new') }}">S'enregistrer</a>
				</label>
				
			  </div>
			</form>
			<input type="hidden" name="_target_path" value="/" />		
			<button type="submit" class="btn btn-success">Connexion</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">Fermer</button>
		  </div>
	</div>
	</li>
    </ul>
  </div>
  </div>
  {% if is_granted('ROLE_USER') %}
  <!-- Subnavbar -->
  <section id="navbar">
  <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="#"><span class="fa fa-cogs " style="color:#ffffff"></span></a>
        <div class="nav-collapse">

          <ul class="nav">
            {% if is_granted('ROLE_USER') and not is_granted('ROLE_ADMIN') %}
	            <li
	            {% if mesCommandesNav is defined and mesCommandesNav == 'true' %}
	            class="active" 
	            {% endif %}
	            ><a 
	            href="{{ path('commande')}}">Mes commandes</a></li>
            {% endif %}
            {% if is_granted('ROLE_ADMIN') and is_granted('ROLE_ADMIN') %}
	            <li class="dropdown 
	            {% if adminNav is defined and adminNav == 'true' %}
	            active" 
	            {% endif %}
	            ">
          
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Administration <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li class="nav-header">Catégories</li>
                <li><a href="{{ path('categorie') }}">Gérer</a></li>
                <li class="nav-header">Articles</li>
                <li><a href="{{ path('elementfacturable') }}">Gérer</a></li>
                <li class="nav-header">Commandes</li>
                <li><a href="{{ path('commande') }}"><span class="badge badge-important">6</span> Gérer</a></li>
              </ul>
            </li>
            {% endif %}
	      </ul>
        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div><!-- /navbar -->
</section>
  {% endif %}
  